﻿<div id="cms-shell">
    <div class="navbar navbar-static-top cms-navbar" data-height-grp="layout">
    	<div class="container cms-container">
	        <div class="navbar-header">
	            <a class="navbar-brand" data-bind="attr: { href: router.navigationModel()[0].hash }">
	                <img data-bind="attr: { src: logoUrl }"/>
	            </a>
			</div>
			
			<ul class="nav navbar-nav" data-bind="foreach: router.navigationModel">
                <li data-bind="css: { active: isActive }">
                    <a data-bind="attr: { href: hash }, html: title"></a>
                </li>
            </ul>
            
            <ul class="nav navbar-nav cms-toolbar pull-right hidden-md hidden-sm hidden-xs">
	            <li data-bind="visible: router.isNavigating()"><i class="fa fa-spinner fa-lg fa-spin"></i></li>
	            <li><a  data-bind="text: user.displayName()"></a></li>
	            <li><a href="#"><i class="mi mi-interface-14"></i></a></li>
	            <li data-bind="visible: !isIE9()"><a href="#" data-bind="click: toggleFullScreen">
	                <i class="mi" data-bind="css: { 'mi-interface-23': isInFullScreen(), 'mi-interface-21': !isInFullScreen() }"></i></a>
	            </li>
	            <li><a href="#">FAQ</a></li>
	            <li data-bind="visible: !user.isAuthenticated()">
	               <a href="#" data-bind="attr: { href: convertRouteToHash('/home/login') }" data-i18n="[html]cms:nav.login"></a>
	            </li>
	            <li data-bind="visible: user.isAuthenticated()">
                   <a href="#" data-bind="click: logout" data-i18n="[html]cms:logout"></a>
                </li>
	            <li>Version<br/><!-- ko text: user.appVersion() --><!-- /ko --></li>
            </ul>
	    </div>
    </div>
    
    <div data-height-exclude>
        <div class="alert alert-warning cms-alert-global text-center" data-bind="visible: isOlderThanIE9()">
            <i class="mi mi-health-21"></i>
            Votre navigateur semble périmé. La <strong>version 9 d'Internet Explorer</strong> étant le minimum requis, il se peut que l'application ne fonctionne pas du tout.
            Merci de contacter votre administrateur afin de garantir une utilisation optimale de l'application.
            <i class="mi mi-health-21"></i>
        </div>
        <!-- ko template: { foreach: notifier.getNotificationsShort(3), beforeRemove: hideAlert, afterAdd: showAlert } -->
        <div class="alert cms-alert-global"
             data-bind="css: { 'alert-success': isSuccess, 'alert-danger': isError, 'alert-info': isInfo, 'alert-warning': isWarning }">
            <i data-bind="attr: { class: 'mi mi-' + icon, visible: icon }"></i>&nbsp; <span
                data-bind="html: message"></span>
            <button type="button" class="close" data-bind="visible: !!$data.close, click: close" aria-hidden="true">&times;</button>
        </div>
        <!-- /ko -->
    </div>
    
    <div class="container-fluid page-host" data-bind="router: { transition:'entrance', cacheViews:true }"></div>
</div>